<template>
<div>
  <x-page
      :pageInfo="pageInfoMixins"
      @handleSizeChange="handleSizeChangeMixins"
      @handleCurrentChange="handleCurrentChangeMixins"
  ></x-page>

</div>
</template>

<script>
export default {
  name: "XPage",
  data() {
    return {
      pageInfoMixins:{
        currentPage: 1, //当前页
        pageSize: 10, //一页多少条
        total: 10, //总条数
      }
    }
  },
  methods:{
    /* table和分页*/
    handleSizeChangeMixins(val) {
      this.pageInfoMixins.pageSize= val
      this.getPage()
    },
    handleCurrentChangeMixins(val) {
      this.pageInfoMixins.pageNum =val
      this.getPage()
    },
  }
}
</script>

<style scoped>

</style>
